<ui:composition template="/template/plantilla.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
	
	<ui:define name="pageTitle">
	 Detalle Carga Registros.
	</ui:define>
	<ui:define name="body">
		<h:form>	
		
		 <h:panelGrid id="pgscroller2" columns="1"
		        styleClass="pagination-flickr"
		        columnClasses="standardTable_ColumnCentered" aling="center">
		        <t:dataScroller id="scroll_1" for="dtCargas" fastStep="10"
		          pageCountVar="pageCount" pageIndexVar="pageIndex"
		          styleClass="scroller" paginator="true" paginatorMaxPages="9"
		          paginatorTableClass="paginator"
		          paginatorActiveColumnStyle="font-weight:bold;" immediate="true"
		          actionListener="#{adminCargaController.scrollerAction}"
		          align="center">
		          <f:facet id="fx1" name="first">
		            <t:graphicImage id="gx1" url="/web/imagenes//table/first.png"
		              border="1" />
		          </f:facet>
		          <f:facet id="fx2" name="last">
		            <t:graphicImage id="gx2" url="/web/imagenes/table/last.png"
		              border="1" />
		          </f:facet>
		          <f:facet id="fx3" name="next">
		            <t:graphicImage id="gx3" url="/web/imagenes/table/next.png"
		              border="1" />
		          </f:facet>
		          <f:facet id="fx4" name="previous">
		            <t:graphicImage id="gx4" url="/web/imagenes/table/previous.png"
		              border="1" />
		          </f:facet>
		        </t:dataScroller>
		        
		        <t:dataScroller id="scroll_2" for="dtCargas"
		          rowsCountVar="rowsCount"
		          displayedRowsCountVar="displayedRowsCountVar"
		          firstRowIndexVar="firstRowIndex" lastRowIndexVar="lastRowIndex"
		          pageCountVar="pageCount" immediate="true" pageIndexVar="pageIndex"
		          align="center">
		          <h:outputFormat value="Se ha encontrado #{rowsCount} registro(s)"
		            styleClass="standard" id="opformessge">
		            <f:param id="px1" value="#{rowsCount}" />
		          </h:outputFormat>
		        </t:dataScroller>
		 </h:panelGrid>  		
	 
	 
    	 <t:dataTable width="100%" rowIndexVar="row" id="dtCargas"
		        styleClass="mydr-table"
		        headerClass="mydr-table-subheader mydr-table-subheadercell"
		        rowClasses="mydr-table-firstrow" columnClasses="mydr-table-cell"
		        var="fila" value="#{adminCargaController.listaRegistros}"
		        preserveDataModel="false" rows="10">
			 <t:columns value="#{adminCargaController.cabecera}" var="column" columnIndexVar="colIndex">
               <f:facet name="header">  
						 #{column}  
               </f:facet>                                                    
         				#{fila[column]}
			 </t:columns>
		</t:dataTable>
		
		<label class="uiButton uiButtonConfirm"> <h:commandButton
				id="btnRegresar2" action="carga"
				value="Regresar" /> </label>			
    
     </h:form>
     </ui:define>
    
</ui:composition>